<link rel="stylesheet" type="text/css" href="/static/css/pc/index.css" />
<link rel="stylesheet" href="/static/css/pc/common.less" />
<link rel="stylesheet/less" type="text/css" href="/static/css/pc/index.less">
<style type="text/css">
  ul {
    list-style: none!important;
  }
  p{
    margin: 0 0 1px!important;
  }
</style>
<div class="content" id="content" val="1">
  <div class="container">
    <div>
      <!-- 限时购 -->
      <div class="flash-sale-container">
        <div class="banner fl">
          <p class="title"><i class="iconfont iconxianshigouicon"></i>限时购</p>
          <div class="time-container">
            <p class="time">22点场</p>
            <div class="hr"></div>
            <p class="desc">距离结束还剩</p>
            <div class="cont-down">
              <span class="cd hh">00</span>
              <span class="colon">:</span>
              <span class="cd mm">00</span>
              <span class="colon">:</span>
              <span class="cd ss">00</span>
            </div>
            <a class="more-btn">查看全部<i class="iconfont iconjiantouhui"></i></a>
          </div>
        </div>
        <div class="goods-block">
          <div class="date-picker">
            <ul class="date-list" id="date-list">
              <li class="date">
                <p class="title">周一</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date active">
                <p class="title">周二</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date">
                <p class="title">周三</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date">
                <p class="title">周四</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date">
                <p class="title">周五</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date">
                <p class="title">周六</p>
                <p class="desc">抢购中</p>
              </li>
              <li class="date">
                <p class="title">周日</p>
                <p class="desc">抢购中</p>
              </li>
            </ul>
            <a class="more-btn">更多抢购<i class="iconfont iconjiantouhui"></i></a>
          </div>
          <ul class="goods-list clearfix">
            <li class="goods-container" val="1">
              <div style="margin: 12px 0 2px 0;">
                <div style="z-index: 999;position: relative;top: 155px;height: 0;">
                  <a class="buy-btn" val="3" name="checkProduct">暂未选择</a>
                </div>
                <img src="/static/images/background.png" style="width: 232.5px;height: 340px">
              </div>
            </li>
            <li class="goods-container" val="2">
              <div style="margin: 12px 0 2px 0;">
                <div style="z-index: 999;position: relative;top: 155px;height: 0;">
                  <a class="buy-btn" val="3" name="checkProduct">暂未选择</a>
                </div>
                <img src="/static/images/background.png" style="width: 232.5px;height: 340px">
              </div>
            </li>
            <li class="goods-container" val="3">
              <div style="margin: 12px 0 2px 0;">
                <div style="z-index: 999;position: relative;top: 155px;height: 0;">
                  <a class="buy-btn" val="3" name="checkProduct">暂未选择</a>
                </div>
                <img src="/static/images/background.png" style="width: 232.5px;height: 340px">
              </div>
            </li>
            <li class="goods-container" val="4">
              <div style="margin: 12px 0 2px 0;">
                <div style="z-index: 999;position: relative;top: 155px;height: 0;">
                  <a class="buy-btn" val="3" name="checkProduct">暂未选择</a>
                </div>
                <img src="/static/images/background.png" style="width: 232.5px;height: 340px">
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="sale-banner">
      <a href="#">
        <img src="/static/images/pc/img_06.png">
      </a>
    </div>
  </div>
</div>
<script id="getindex1Html" type="x-tmpl-mustache">
{{#data}}
    <div class="state-box">
        <div class="progress-box">
            <div class="progress" style="width: 50%"></div>
        </div><span class="stock">还剩{{stock}}件</span>
    </div>
    <img class="goods-img img-scale" src="{{bigpic}}">
    <div class="goods-info">
        <p class="title">{{name}}</p>
        <p class="desc">{{introduction}}</p>
        <p class="price-container"><span class="price">限时价：￥{{xianshi}}</span><span class="old-price">{{price}}元起</span>
        </p>
    </div>
    <a class="buy-btn">立即抢购</a>
{{/data}}
</script>
<script type="text/javascript" src="/static/js/lib/pcIndex.js"></script>
<script type="text/javascript">
_function.queryProductInfoByConfId({config_id:$("#content").attr('val')},function (data) {
    if(null!=data){
        $.each(data,function (index,val) {
            val.xianshi=val.price*val.discount;
            var lnameHtmls = Mustache.render($('#getindex1Html').html(), {data: val});
            $(".goods-container[val='"+index+"']").empty().append(lnameHtmls);
        })
    }
})
</script>
